<template>
	<view>
		<u--input placeholder="关键字/日期" prefixIcon="search" border="surround" clearable></u--input>
		<u-grid :border="false" @click="click" align="center" style="margin-top: 20px;">
			<u-grid-item v-for="(baseListItem,baseListIndex) in baseList" :key="baseListIndex">
				<text class="grid-text">{{baseListItem.title}}</text>
			</u-grid-item>
		</u-grid>
		<u-divider text=""></u-divider>
		<view class="first" v-if="flag===0" align="center">
			<view v-for="(item,index) in diaryList">
				<view class="diaryItemTitle">
					{{item.diaryDate}}
				</view>
				<view class="diaryItemText">
					{{item.diaryText}}
				</view>
			</view>
		</view>
		<view class="second" v-else-if="flag===1">
			2
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				flag: 0,
				baseList: [{
						title: '历史',
						color: 'black'
					},
					{
						title: '书签',
						color: 'black'
					}
				],
				diaryList:[{
					diaryDate:'2022-01-01',
					diaryText:'我为什么会这么多，明明是不想的啊，我当时大脑短路了吗，事情怎么会到这地步'
				},{
					diaryDate:'2022-02-01',
					diaryText:'又是一如既往的一天，明明做了很多又感觉什么都没做，每天都是这样，哦对了......'
				},{
					diaryDate:'2022-03-01',
					diaryText:'天空，又下雨了。曾经，我也喜欢淋雨的感觉，那般畅快，肆意。不知道从何时起...'
				},{
					diaryDate:'2022-04-01',
					diaryText:'又是一如既往的一天，明明做了很多又感觉什么都没做，每天都是这样，哦对了.....'
				},{
					diaryDate:'2022-05-01',
					diaryText:'我为什么会这么多，明明是不想的啊，我当时大脑短路了吗，事情怎么会到这地步'
				},{
					diaryDate:'2022-05-01',
					diaryText:'天空，又下雨了。曾经，我也喜欢淋雨的感觉，那般畅快，肆意。不知道从何时起...'
				}],
				bookMarkList:[]
			}
		},
		methods: {
			click(name) {
				// console.log(name)
				this.flag = name
				// this.$refs.uToast.success(`点击了第${name}个`)
			},
		}
	}
</script>

<style>
.diaryItemTitle{
	background-color: #D0F0FF;
	margin:10px ;
}
.diaryItemText{
	background-color: #EDFBFE;
	margin:10px ;
	
}
</style>
